import React from 'react'
import { NavBar} from "antd-mobile";
import { useNavigate } from 'react-router-dom';
import style from "../css/allOrders/TSCorderAll.module.css";
import { UserOutline } from 'antd-mobile-icons'
export default function AllOders1() {
    const navigate = useNavigate()
    const back = () => {
        navigate(-1);
      };
  return (
    <>
    <NavBar style={{backgroundColor:"#2ED8C4",color:'white'}} onBack={back}>全部订单</NavBar>
    <div className={style.contxts}>
        <div className={style.alltxt}>
          <div style={{fontSize:'14px'}}><UserOutline /> 飘雪victrio {'>'}</div>
          <div style={{color:'#2ED8C4',fontSize:'14px'}}>交易完成</div>
        </div>
        <div className={style.allleftimg}>
          <div className={style.leftbox}>
            <img src="https://img11.360buyimg.com/n7/jfs/t1/173649/37/29118/82221/62fddec0E462f6f1a/911141caf0a6b7ab.jpg.avif" alt="" />
          </div>
          <div className={style.rightbox}>
            <div className={style.allssbb}>
              <div className={style.allxaingxi}>秋季新款港风西装外套男韩版,九成新</div>
              <div className={style.allpic}>￥150.00</div>
            </div>
            <button>已卖出</button>
          </div>
        </div>
      </div>

      <div className={style.contxts}>
        <div className={style.alltxt}>
          <div style={{fontSize:'14px'}}><UserOutline /> Time佳琪 {'>'}</div>
          <div style={{color:'#2ED8C4',fontSize:'14px'}}>交易完成</div>
        </div>
        <div className={style.allleftimg}>
          <div className={style.leftbox}>
            <img src="https://img12.360buyimg.com/n7/jfs/t1/217573/35/31095/58092/64809313F7616e8bc/f8fce04fabfcba6c.jpg.avif" alt="" />
          </div>
          <div className={style.rightbox}>
            <div className={style.allssbb}>
              <div className={style.allxaingxi}>匡威短裤男学生潮牌港风五分,质量保证</div>
              <div className={style.allpic}>￥150.00</div>
            </div>
            <button>已卖出</button>
          </div>
        </div>
      </div>
    </>
  )
}
